import React, {Component} from 'react';
import Markdown from 'react-markdown';
import {Anchor, Row, Col} from 'antd';

const {Link} = Anchor;

class JsPage extends Component {
    constructor(props) {
        super(props);
    }


    render() {

        return (
            <div style={{background:"#c0d2bc"}}>
                <Row>
                    <Col span={19}>
                        <h3 id="mysql_line"> mysql列变行 </h3>
                        <Markdown source={
                        "    SELECT group_concat(id) as s  FROM li_bill where \n\n" +
                        "          item_id =12345 and file_status =0 GROUP BY item_id"
                        }/>


                        </Col>



                    <Col span={5}>
                        <Anchor showInkInFixed="true" style={{background:"#ebefe0"}}>
                            <Link href="#mysql_line" title="mysql列变行"/>

                        </Anchor>
                    </Col>
                </Row>
            </div>

        );
    }
}

export default JsPage;